<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="js/jquery.js"></script>
  <script>
    function generateNum() {
      var p = new Promise(function(resolve, reject){
        setTimeout(function(){
          var num = Math.random()
          if(num >= 0.5) {
            resolve(num)
          } else {
            reject(num)
          }
        },2000)
      })
      return p
    }

    $(function(){
      $('button').click( async function(){
            try{

              console.log('成功了' + await generateNum());
              
            }catch(error){
                console.log('失败了' +error);
                
            }
        })
    })
    // async function generateNum() {
    //   var p = await new Promise(function(resolve, reject){
    //     setTimeout(function(){
    //       var num = Math.random()
    //       if(num >= 0.5) {
    //         resolve(num)
    //       } else {
    //         reject(num)
    //       }
    //     },2000)
    //   })
    //   return p
    // }

    // $(function(){
    //   $('button').click(function(){
    //     generateNum().then(function(data){
    //       console.log('成功了' +data);
    //     },function(error){
    //       console.log('失败了' +error);
          
    //     })
        // generateNum().then(function(data){
        //     console.log('成功了' +data);
            
        // }).catch(function(error){
        //     console.log('失败了'+error);
            
        // })
    //   })
    // })
    // 点击按钮调用generateNum, 这个函数内部会在2s后产生一个随机数值, 如果这个随机数大于0.5,则代表任务成功, 否则代表任务失败
    // 如何在点击处理中使用两种方式得到成功和失败的状态,和所产生的随机值
  </script>
</head>
<body>
  <button>点我试试</button>
</body>
</html>